.flex-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-box-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-box-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-box-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-box-h-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  justify-content: center;
  text-align: center;
}
.flex-box-h-between {
  -webkit-box-align: space-between;
  -ms-flex-align: space-between;
  -moz-box-align: space-between;
  justify-content: space-between;
  text-align: space-between;
}
.flex-box-v-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  align-items: center;
}
.flex-box-v-stretch {
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  -moz-box-pack: stretch;
  align-items: stretch;
}
.flex-item-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-item-2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
/* 主色调 用在所用希望用户点击的地方 */
.bg_main {
  background-color: #f8584f;
}
/* 背景色 */
.bg_f7 {
  background-color: #f7f7f7;
}
/* 用于不可使用状态的点击区域 */
.bg_c7 {
  background-color: #c7c7c7;
}
/* 字体主色调 */
.font_c_main {
  color: #333;
}
/* nav及tab中的Icon用色 */
.font_c_45 {
  color: #454545;
}
/* 用于提示&未输入等辅助内容文字色 */
.font_c_91 {
  color: #919191;
}
/* 字体高亮及选中状态的颜色 */
.font_c_red {
  color: #f8584f;
}
.font_c_pink {
  color: #FF4091;
}
/* 白色字体 */
.font_c_fff {
  color: #fff;
}
/* 不可用字体 */
.font_c_c7 {
  color: #c7c7c7;
}
/* 主色调 */
.font_c_8e {
  color: #8E9192;
}
/* tab颜色 */
.font_c_c8 {
  color: #c8c8c8;
}
/* 金色 */
.font_c_golden {
  color: #EFA80F;
}
/* 分割线 */
.line_c_ea {
  /* background-color: #eaeaea; */
  border-color: #eaeaea;
}
/* 用于nav标题  最大的字号 */
.font_s_34 {
  font-size: 34rpx;
}
/* 用于btn中大按钮的文字*/
.font_s_32 {
  font-size: 32rpx;
}
/* 用于nav右侧操作（如编辑、完成） 及大部分内容字体*/
.font_s_30 {
  font-size: 30rpx;
}
/* 用于btn中等及个人中心按钮的文字*/
.font_s_28 {
  font-size: 28rpx;
}
/* 用于大部分页面内容辅助信息 */
.font_s_24 {
  font-size: 24rpx;
}
/* 用于最小的btn及tag中的文字 */
.font_s_22 {
  font-size: 22rpx;
}
/* 用于所有的tab中 */
.font_s_20 {
  font-size: 20rpx;
}
.font_w_900 {
  font-weight: 900;
}
/* iPhoneX  底部tabbbar padding-bottom */
.ipxPb {
  padding-bottom: 76px!important;
}
/* iPhoneX  非tabbbar padding-bottom */
.xpb {
  padding-bottom: 40rpx;
}
/* 各字体和颜色请酌情使用，也可不使用类名直接使用颜色，但是一定要用规范的颜色和字体大小 */
/* 空列表提示图标 */
.listNullIcon .iconfont {
  font-size: 200rpx;
  color: #999999;
}
.search {
  background-color: #fff;
  padding: 10rpx 24rpx;
}
.search .searchCon {
  background-color: #f3f3f3;
  border-radius: 6rpx;
  padding: 10rpx 24rpx;
}
.search .searchCon .icon {
  width: 48rpx;
  height: 48rpx;
}
.search .searchCon .icon image {
  width: 48rpx;
  height: 48rpx;
  display: block;
}
.search .searchCon .text input {
  color: #333;
}
.search .confirmSearch {
  padding-left: 24rpx;
}
